﻿@model FairyWorld.Models.RegisterModel

@{
    ViewBag.Title = "注册";
}

<style type="text/css">
        .editor-field
        {
            margin-top:7px;
        }
        .editor-label
        {
            margin-top:7px;
        }
 </style>

<script type="text/javascript">
    $(document).ready(function () {
        $("#UserName").attr("placeholder", "用户名");
        $("#Email").attr("placeholder", "邮箱");
        $("#Password").attr("placeholder", "密码");
        $("#ConfirmPassword").attr("placeholder", "确认密码");
        $("#headli2").attr("class", "active");
        $("#headli1").attr("class", "");
        $("#headli3").attr("class", "");
        $("#headli4").attr("class", "");
    })
</script>

<div class="container">
    <h3 style="font-family:'Microsoft YaHei'">创建新帐户</h3>
</div>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true, "帐户创建不成功。请更正错误并重试。")
    <div class="container">
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Email)
                @Html.ValidationMessageFor(m => m.Email)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.ConfirmPassword)
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
            </div>
            <p>
                <input type="submit" value="注册" class="btn btn-primary" style="margin-top:10px"/>
            </p> 
    </div>
}
